/* 
    Document   : style
    Created on : Mar 4, 2011, 5:28:00 PM
    Author     : kmye
    Description:
        Purpose of the stylesheet follows.
            -Cleaner and easier to customize. DUH!
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    background-color: black;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: orange;
}
h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: orange;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.6em;
}

p {
    margin-top: 0;
    line-height: 180%;
}


table {
    background-color: #222222;
    padding-left: 20px;
    padding-right: 20px;
}

td {
    padding: 10px;
}

a {
    text-decoration: none;
    color: orange
}

a:hover {
    text-decoration: underline;
}

/* Menu Navigation Bar */
div#navbar ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    background:url(images/button.png);
}

div#navbar ul li {
    display: inline;
}

div#navbar ul li a {
    padding: .2em 2em;
}

div#navbar ul li a:hover {
    color: red;
}

div#quickNav ul{
    margin: 0;
    padding: 10px;
    list-style-type: none;
    text-align: right;
}

div#quickNav ul li {
    display: inline;
    padding-top: 2%;
    padding-bottom: 2%;
}

div#quickNav ul li a {
    padding: .1em 1em;
    color: red;
    font-weight: bold;
}

/* Popout of Modal Window */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #222;
	padding: 20px;
	border: 20px solid #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -50px -50px 0 0;
        border: none;
}
/*--Making IE6 Understand Fixed Positioning--
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
*/



